/*
 * gd-mbw.css: masterbrand grid css for page layout, container components (grids)
 *
 * $Revision: 1.2.10.1 $
 * 
 * (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 *
 * 
 * Framework overrides to prep the content 
 * area, and fix the page width.
 */

/* Float-Nearly-Everything 
 * All boxes are floated left.
 * 
 * All columns get 10px left and/or right = 20px between columns. 
 * We use overflow on the columns, to prevent something breaking 
 * the float due to width.
 */
.gdb {
	clear:both;
	float:left;
	margin: 0px;
	background: transparent;
	zoom: 1;
}
.gdb .gd-left,
.gdb .gd-mid,
.gdb .gd-right {
	float: left;
	display: inline;
	overflow: hidden;
}
.gdb .gd-left { 	margin: 0px 10px 0px 0px; }
.gdb .gd-mid { 		margin: 0px 10px 0px 10px; }
.gdb .gd-right { 	margin: 0px 0px 0px 10px; }

/* TODO: remove no-overflow after go-live. */
.no-overflow .gd-left,
.no-overflow .gd-mid,
.no-overflow .gd-right,
.overflow .gd-left,
.overflow .gd-mid,
.overflow .gd-right {
	overflow: visible;
}

/*********************
 * component spacing 
 *********************/
.gdb .clb,
.gdb .mlb-pilot { margin: 0px 0px 20px 0px; }

/**********************
 * unless compact
 **********************/
.gdb .clb.compact,
.gdb .mlb-pilot.compact {  margin-bottom: 0px; }


/***************************************
 * Grid Taxonomy:
 * .gd[code][columns]
 *
 * generally [code] = width code:
 * 1 = 960px
 * 2 = 700px 
 * 4 = 460px
 * 8 = 220px
 * eg, gd22 = 700px wide, 2 columns.
 * 
 * width code 1: 960px 
 */
 
/* TODO: do we need this? */
.gd01-pilot	{								width:100%; }
 
.gd11-pilot,
.gd12-pilot,
.gd13-pilot,
.gd14-pilot { 							width:940px; padding: 0px 10px;}

.gd11-pilot .gd-mid 	{			width:940px; margin: 0px;}

.gd12v1-pilot .gd-left {		width:220px }
.gd12v1-pilot .gd-right { 	width:700px }

/* TODO: margins on rtl */
/* TODO: ask theater team. does this cause practical problems? */
/* Other alternative is 1, 2, 3 instead of left/mid/right 
.rtl .gd12v1-pilot .gd-right { 	width:220px }
.rtl .gd12v1-pilot .gd-left { 	width:700px } */

.gd12v2-pilot .gd-left {		width:700px }
.gd12v2-pilot .gd-right { 	width:220px }

.gd13v1-pilot .gd-left,
.gd13v1-pilot .gd-right {		width:220px }
.gd13v1-pilot .gd-mid {			width:460px }

.gd13v2-pilot .gd-left, 
.gd13v2-pilot .gd-mid,
.gd13v2-pilot .gd-right {		width:300px }

.gd14v1-pilot .gd-left,
.gd14v1-pilot .gd-mid,
.gd14v1-pilot .gd-right	{ 	width:220px }

/************************* 
 * width code 2: 700px 
 *************************/
.gd21-pilot,
.gd22-pilot,
.gd23-pilot { 							width: 700px; }

.gd21v1-pilot .gd-mid	{			width: 700px; margin:0px; }

/* TODO: update hubs */
.gd22v1-pilot .gd-left {		width: 220px; }
.gd22v1-pilot .gd-right { 	width: 460px; }

.gd22v2-pilot .gd-left {		width: 460px; }
.gd22v2-pilot .gd-right { 	width: 220px; }

.gd23v1-pilot .gd-left, 
.gd23v1-pilot .gd-right,
.gd23v1-pilot .gd-mid {			width: 220px; }


/************************* 
 * width code 4: 460px 
 *************************/
.gd41-pilot,
.gd42-pilot { 							width: 460px; }

.gd41-pilot .gd-mid 	{			width: 460px; margin:0px; }

.gd42v1-pilot .gd-left {		width: 220px; }
.gd42v1-pilot .gd-right { 	width: 220px; }

	
/*************************
 * width code 8: 220px (was 188, once upon a time.)
 * 
 * NOTE: We don't have this use case yet, so I haven't 
 * built anything out.
 *************************/
.gd81-pilot { 							width: 220px; }